/*
 * 可复用的公有布局
 */
 html,body{
     width: 100%;
     height: 100%;
 }
 .common-body{
     background:rgba(0,0,0,.1) url(../../img/sign-bg.jpg) no-repeat top center;
     background-size: 700px;
 }
 .base-input input{
    width: 100%;
    border: 0;
    height: 50px;
    outline: none;
    border-radius: 25px;
    text-indent: 25px;
    margin-top: 20px;
    background-color: rgba(255,255,255,.5);
    letter-spacing: 1px;
}
.base-input input::-webkit-input-placeholder {
color: #d4d2d4;
font-size: 16px;
/* font-weight: bold; */
}
#onbtn{
    background-color: rgba(99, 255, 167, .5);;
    text-indent: 0;
    color:#fff;
}
.tit-butom{
    width: 100%;
    text-align: center;
    font-size:20px;
    color: #fff;
    position: fixed;
    bottom: 50px;
    left: 0;
}
.header{
    height: 60px;
    text-align: right;
    padding:30px  20px 0 0;
    font-size: 20px;
    box-sizing: border-box;
}
.iconmine{
    width: 19px;
    color: #fff;
    font-size: 14px;
   margin-right: 5px;
   vertical-align: -2px;
}
.mine{
    width: 90%;
    text-align: right;
    color:#fff;
    font-size:14px;
    margin-top: 10px;
}
/* 弹出框的样式 */
.msgbox {
padding:20px;
text-align: center;
}
.msgbox div{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 5px solid #65cc32;
    margin: auto;
}
.msgbox i{
    line-height: 58px;
    font-size: 30px;
    color:#65cc32;
}
.msgbox p{
    color: #fff;
    font-size: 20px;
}
.msgbox p:nth-of-type(2){
    width: 50px;
    height: 30px;
    background-color: #65cc32;
    line-height: 30px;
    margin: 20px auto;
}
/* 底部公用样式 */
.footer{
    display: flex;
    justify-content: space-evenly;
    color:#8a8a8a;
    width: 100%;
    height: 78px;
    align-items: center;
    text-align: center;
    background-color: #fff;
}
.footer .iconfont{
    font-size:40px;
}
.footer     a{
    font-size: 14px;
    color:#8a8a8a
}
.active{
    color:#4294ff;
}
.active a{
    color:#4294ff;
}